<!DOCTYPE html>
<html lang="ua">
<head>
	<title>Україна-Центр</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">  
	<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://www.google.com/recaptcha/api/js/recaptcha_ajax.js"></script>
    <script src="js/ng.js" type="text/javascript"></script>
	<!--[if lt IE 8]>
	<div style=' clear: both; text-align:center; position: relative;'>
		<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
			<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
		</a>
	</div>
	<![endif]-->
	<!--[if lt IE 9]>
 		<script type="text/javascript" src="js/html5.js"></script>
		<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<header>
		<div class="border-bot">
			<div class="main">
				<h1 class="h1-header">
					<a class="logo" href="index.html">Україна-Центр</a>
					<div class="uc"></div>
                    <div class="header-right">
                        <table>
                            <tr class="register">
                                <td>
                                    <a href="#" id="login" style="display: none;" class="italic">Вхід</a>
                                    <a href="#" id="cabinet" style="display: none;" class="italic">Вхід в кабінет</a>
                                </td>
                                <td>
                                    <a href="#" id="register" style="display: none;" class="italic">Зареєструватись</a>
                                    <a href="#" id="logout" style="display: none;" class="italic">Вихід</a>
                                </td>
                            </tr>
                            <tr class="lang">
                                <td style="min-width:60px;" id="currency-container">

                                </td>
                                <td>
                                    <a class="lang-italy" href="#"></a>
                                    <a class="lang-ukr" href="#"></a>
                                    <a class="lang-eng" href="#"></a>
                                    <a class="lang-rus" href="#"></a>
                                </td>
                            </tr>
                        </table>
                    </div>
				</h1>
				<nav>
					<ul class="menu">
						<li><a class="active" href="index.html">Головна</a></li>
						<li><a href="schedule.html">Розклад</a></li>
						<li><a href="tickets.html">Квитки</a></li>
						<li><a href="leasing.html">Оренда</a></li>
                        <li><a href="about.html">Про компанію</a></li>
					</ul>
				</nav>
				<div class="clear"></div>
			</div>
		</div>
		<div class="row-bot">
			<div class="slider-wrapper">
				<div class="slider">
					<ul class="items">
						<li>
							<img src="images/slider-img1.jpg" alt="" />
						</li>
						<li>
							<img src="images/slider-img2.jpg" alt="" />
						</li>
						<li>
							<img src="images/slider-img3.jpg" alt="" />
						</li>
					</ul>
				</div>
			</div>
		</div>
	</header>
	<section id="content">
		<div class="main">
			<div class="container_12">
				<div class="wrapper">
					<article class="grid_8">
						<h2>Вітаємо Вас!</h2>
						<p class="p2">Заснована понад десять років тому, "Україна-Центр" здійснює міжнародні перевезення пасажирів та багажу, а також пропонує в оренду <a class="link italic" href="leasing.html">зручні та просторі автобуси</a>. Тому, незалежно від того, яка послуга вам необхідна: організувати трансфер з аеропорту, перевезення для великого корпоративного заходу, шкільну чи сімейну поїздку, парк сучасних автобусів "Україна-Центр" зможе задовольнити будь-які вимоги до кількості груп.</p>
						<p class="p3">Ми пишаємося тим, що пропонуємо відмінне співвідношення ціни і якості.  Наша репутація завдячує високій якості обслуговування, яку ми втілюємо в кожній поїздці!</p>
						<h3 class="p1">До вашої уваги:</h3>
						<div class="wrapper">
							<div class="grid_4 alpha">
								<ul class="list-1">
									<li><a href="#">Бронювання та придбання квитків</a></li>
									<li><a href="#">Перевезення багажу</a></li>
								</ul>
							</div>
							<div class="grid_4 omega">
								<ul class="list-1 indent-bot">
									<li><a href="#">Пасажирські перевезення</a></li>
									<li><a href="#">Оренда автобусів</a></li>
								</ul>
							</div>
						</div>
                        <h3>Діючі знижки:</h3>
                        <ul class="list-1 italic">
                            <li><b class="discount">50%</b> - діти до 4-х років</li>
                            <li><b class="discount">30%</b> - діти до 12-ти років</li>
                            <li><b class="discount">10%</b> - люди пенсійного віку та молодь до 25-ти років</li>
                            <li><b class="discount">10%</b> - групи більше 6-ти чоловік</li>
                        </ul>
					</article>
					<article class="grid_4">
						<div class="indent-top indent-left">
							<div class="wrapper margin-bot">
								<div class="extra-wrap">
									<strong class="title-1">Не забудь<strong style="padding-left: 20px;">поділитись</strong>
									<em style="padding-left: 50px;">з друзями!</em></strong>
								</div>
								<a href="#"><img src="img/share_dest.png"></a>
							</div>
							<h3>Останні новини:</h3>
							<div class="rss-news">Завантажується...</div>
						</div>
					</article>
				</div>
			</div>
		</div>
	</section>
	<footer>
		<div class="main">
			<div class="container_12">
				<div class="wrapper">
					<div class="grid_3">
						<div class="spacer-1">
							<a href="index.html"><img src="img/logo.png" alt="" style="height: 100px; margin-left: 60px;"></a>
						</div>
					</div>
					<div class="grid_5">
						<div class="indent-top2 spacer-1">
							<p class="footer-p">Контакти:</p>Київстар: +380 67 520 2556 <br>МТС: +380 99 289 8928 <br>Email: <a class="link italic" href="#">ukraina.centr@gmail.com</a>
						</div>
					</div>
					<div class="grid_4">
						<div class="indent-top2">
							<p class="footer-p">Designed by Ng</p>Phone: +3 8(093) 889 92 67 <br>Email: <a class="link italic" href="#">forartforces@gmail.com</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
<script src='http://news.yandex.ru/common.js'></script>
<script>m_index=false;</script>
<script src='http://news.yandex.ru/ua/transport3.utf8.js' type='text/javascript' charset='utf-8'></script>
<script> 
str=''; 
if ((aObj=eval('m_transport')) && (aObj.length>0)){
aObj.sort(compareTime);
var firstNew = aObj[0]; 
str+='<div><span class=yandex_date>'+firstNew.time+'</span>&nbsp;<span class=yandex_news_title><a href='+firstNew.url+'>'+firstNew.title+'</a></span></div><div class=yandex_annotation>'+firstNew.descr+'</div>';
str+='<div class=yandex_allnews><a href=http://news.yandex.ru target="_blank">Усі новини на ' + ya_format_date(update_time_t) + ' &gt;&gt;</a></div>';  
$('.rss-news').html(str);
}; 
function ya_format_date(timestamp){
var d = (new Date(timestamp*1000)).toLocaleTimeString().split(':'); 
return [d[0], d[1]].join(':').replace(/d{1,2}:d{1,2}(:d{1,2})/, '');
}
</script>
<script>
    (function(e,t){if(!e)return t;var n=function(){this.el=t;this.items=t;this.sizes=[];this.max=[0,0];this.current=0;this.interval=t;this.opts={speed:500,delay:3e3,complete:t,keys:!t,dots:t,fluid:t};var n=this;this.init=function(t,n){this.el=t;this.ul=t.children("ul");this.max=[t.outerWidth(),t.outerHeight()];this.items=this.ul.children("li").each(this.calculate);this.opts=e.extend(this.opts,n);this.setup();return this};this.calculate=function(t){var r=e(this),i=r.outerWidth(),s=r.outerHeight();n.sizes[t]=[i,s];if(i>n.max[0])n.max[0]=i;if(s>n.max[1])n.max[1]=s};this.setup=function(){this.el.css({overflow:"hidden",width:n.max[0],height:this.items.first().outerHeight()});this.ul.css({width:this.items.length*100+"%",position:"relative"});this.items.css("width",100/this.items.length+"%");if(this.opts.delay!==t){this.start();this.el.hover(this.stop,this.start)}this.opts.keys&&e(document).keydown(this.keys);this.opts.dots&&this.dots();if(this.opts.fluid){var r=function(){n.el.css("width",Math.min(Math.round(n.el.outerWidth()/n.el.parent().outerWidth()*100),100)+"%")};r();e(window).resize(r)}if(this.opts.arrows){this.el.parent().append('<p class="arrows"><span class="prev">в†ђ</span><span class="next">в†’</span></p>').find(".arrows span").click(function(){e.isFunction(n[this.className])&&n[this.className]()})}if(e.event.swipe){this.el.on("swipeleft",n.prev).on("swiperight",n.next)}};this.move=function(t,r){if(!this.items.eq(t).length)t=0;if(t<0)t=this.items.length-1;var i=this.items.eq(t);var s={height:i.outerHeight()};var o=r?5:this.opts.speed;if(!this.ul.is(":animated")){n.el.find(".dot:eq("+t+")").addClass("active").siblings().removeClass("active");this.el.animate(s,o)&&this.ul.animate(e.extend({left:"-"+t+"00%"},s),o,function(i){n.current=t;e.isFunction(n.opts.complete)&&!r&&n.opts.complete(n.el)})}};this.start=function(){n.interval=setInterval(function(){n.move(n.current+1)},n.opts.delay)};this.stop=function(){n.interval=clearInterval(n.interval);return n};this.keys=function(t){var r=t.which;var i={37:n.prev,39:n.next,27:n.stop};if(e.isFunction(i[r])){i[r]()}};this.next=function(){return n.stop().move(n.current+1)};this.prev=function(){return n.stop().move(n.current-1)};this.dots=function(){var t='<ol class="dots">';e.each(this.items,function(e){t+='<li class="dot'+(e<1?" active":"")+'">'+(e+1)+"</li>"});t+="</ol>";this.el.addClass("has-dots").append(t).find(".dot").click(function(){n.move(e(this).index())})}};e.fn.unslider=function(t){var r=this.length;return this.each(function(i){var s=e(this);var u=(new n).init(s,t);s.data("unslider"+(r>1?"-"+(i+1):""),u)})}})(window.jQuery,false);
</script>
<script type="text/javascript">
    $('.slider').unslider({
        speed: 500,               //  The speed to animate each slide (in milliseconds)
        delay: 3000,              //  The delay between slide animations (in milliseconds)
        keys: true,               //  Enable keyboard (left, right) arrow shortcuts
        dots: true,               //  Display dot navigation
        fluid: false              //  Support responsive design. May break non-responsive designs
    });
</script>
</body>
</html>